<template>
  <div>
    <el-dialog
    title="查看详细"
    :close-on-click-modal="false"
    :visible.sync="dialogVisible">
    <el-form :model="equiData"  ref="dataForm" label-width="150px">
      <el-form-item label="采集设备名称" prop="equiName">
        <el-input v-model="equiData.equiName" placeholder="采集设备名称" maxlength="100" :disabled="true"></el-input>
      </el-form-item>
      <el-form-item label="采集设备IP" prop="equiIp">
        <el-input v-model="equiData.equiIp" placeholder="采集设备IP" maxlength="100" :disabled="true"></el-input>
      </el-form-item>
      <el-form-item label="采集开启端口" prop="equiPort">
        <el-input v-model="equiData.equiPort" placeholder="采集设备端口" maxlength="10" :disabled="true"></el-input>
      </el-form-item>
      <el-form-item label="采集设备安装地址">
        <el-input v-model="equiData.equiAddress" placeholder="采集设备安装地址" maxlength="100" :disabled="true"></el-input>
      </el-form-item>
      <el-form-item label="设备序列号">
        <el-input v-model="equiData.sn" placeholder="设备序列号" maxlength="50" :disabled="true"></el-input>
      </el-form-item>
      <el-form-item label="区域编号">
        <el-input v-model="equiData.buildingId" placeholder="区域编号" maxlength="50" :disabled="true"></el-input>
      </el-form-item>
      <el-form-item label="网关号">
        <el-input v-model="equiData.gatewayId" placeholder="网关号" maxlength="50" :disabled="true"></el-input>
      </el-form-item>
      <el-form-item label="数据版本号">
        <el-input v-model="equiData.configVer" placeholder="数据版本号" maxlength="50" :disabled="true"></el-input>
      </el-form-item>
      <el-form-item label="数据内容">
        <el-input v-model="equiData.configContent" placeholder="数据内容"  type="textarea" :disabled="true"></el-input>
      </el-form-item>
    </el-form>
    <span slot="footer" class="dialog-footer">
      <el-button @click="closeView()">取消</el-button>
    </span>
  </el-dialog>
  </div>
</template>

<script>
export default {
  props:{
    equiData:{
      type:Object,
      default:{}
    },
  },
  data(){
    return {
      dialogVisible:false,
    }
  },
  computed:{
  },
  methods:{
    showDialog(){
      this.dialogVisible = true;
    },
    closeView(){
      this.dialogVisible = false;
      this.$emit('closeView');
    }
  },
}
</script>

<style>

</style>
